﻿body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: white;
    /*background:#E5E5E5;
    font-size:62.5%;
    font-family:Arial, "Helvetica Neue", Verdana, Sans-serif;*/
    background-image: url('../Images/bg_footer.jpg');
}

p {
    padding: 5px;
}

#imagen {
    background-color: #FFFFFF;
}

#wrapper {
    margin: 0 auto;
    width: 100%;
    color: white;
}

#headerwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    background-image: url('../Images/fondo-cabecera.jpg');
}

#header {
    height: 30px;
    background-image: url('../Images/fondo-cabecera.jpg');
    border-radius: 10px;
    margin: 5px;
    color: white;
}

#navigationwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
}

#navigation {
    height: 40px;
    background: #FDBB30;
    border-radius: 10px;
    border: 1px solid #262D37;
    margin: 5px;
}

#contentwrap {
    width: 78%;
    float: left;
    margin: 0 auto;
}

#content {
    background-image: url('../Images/bg_footer.jpg');
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
    color: black;
}

#leftcolumnwrap {
    width: 210px;
    float: left;
    margin: 0 auto;
}

#leftcolumn {
    background-image: url('../Images/bg_footer_1.jpg');
    border-radius: 10px;
    border: 1px solid #262D37;
    margin: 5px;
}

#footerwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    clear: both;
}

#footer {
    height: 40px;
    background-image: url('../Images/bg_footer_1.jpg');
    border-radius: 10px;
    text-align: center;
    color: white;
    margin: 5px;
}

/* Styles for basic forms
-----------------------------------------------------------*/
form fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    /*float: left;
    width: 800px;*/
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* menu
----------------------------------------------------------*/
/*
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: white;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }
---------------------------------------------------------- */
/*#navigation {
	margin:0;
	padding: 0;
	clear:both;
	width:950px;
	height:51px;
	background:black;
}


ul.nav-main,
ul.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.nav-main {
	position: relative;
	z-index: 597;
}

ul.nav-main li:hover > ul {
	visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
	position: relative;
	z-index: 599;
	cursor: pointer;
	background: url(../base/images_2/dropdown-bg-hover.gif) repeat-x left top;
}



ul.nav-main li {
	float:left;
	display:block;
	height: 51px;
	color: #999;
	font: 14px Arial, Helvetica, sans-serif;
	background:url(../base/images_2/separator.gif) no-repeat right center;
}

ul.nav-main li a {
	display:block;
	padding: 16px 16px 0 16px;
	height: 35px;
	color: white;
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

ul.nav-main li a:hover {
	color:white;
}



ul.nav-main *.list {
	padding-right: 22px;
	background: url(../images_2/navigation-arrow.gif) no-repeat right top;
}



ul.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:10px;
	top: 48px;
	left: 0;
	z-index: 598;
	background: #353535 url(../images_2dropdown-list-bg.gif) repeat-x left top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}


ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 0;
	height: 27px;
	float: none;
	width:145px;
	border-bottom: 1px solid #5a5a5a;
	background: none;
}

ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 6px 5px 6px 5px;
	height: 15px;
	float: none;
	width:145px;
	background: none;
	font: 12px Arial, Helvetica, sans-serif;	
}*/

/* tables
----------------------------------------------------------*/

CSSTableGenerator {
    margin: 0px;
    padding: 0px;
    width: 100%;
    box-shadow: 10px 10px 5px #888888;
    border: 1px solid #000000;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
}

.CSSTableGenerator table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.CSSTableGenerator tr:last-child td:last-child {
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.CSSTableGenerator table tr:first-child td:first-child {
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
}

.CSSTableGenerator table tr:first-child td:last-child {
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
}

.CSSTableGenerator tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.CSSTableGenerator tr:hover td {
}

.CSSTableGenerator tr:nth-child(odd) { /*background-color:#fdbb30;*/
}

.CSSTableGenerator tr:nth-child(even) {
    background-color: #fdbb30;
}

.CSSTableGenerator td {
    vertical-align: middle;
    border: 1px solid #000000;
    border-width: 0px 1px 1px 0px;
    text-align: center;
    padding: 8px;
    font-size: 12px;
    font-family: Helvetica;
    font-weight: normal;
    color: #000000;
}

.CSSTableGenerator tr:last-child td {
    border-width: 0px 1px 0px 0px;
}

.CSSTableGenerator tr td:last-child {
    border-width: 0px 0px 1px 0px;
}

.CSSTableGenerator tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

.CSSTableGenerator tr:first-child td {
    background: -o-linear-gradient(bottom, #fdbb30 5%, #fdbb30 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdbb30), color-stop(1, #fdbb30) );
    background: -moz-linear-gradient( center top, #fdbb30 5%, #fdbb30 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdbb30", endColorstr="#fdbb30");
    background: -o-linear-gradient(top,#fdbb30,fdbb30);
    background-color: #fdbb30;
    border: 1px solid #000000;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 14px;
    font-family: Arial Black;
    font-weight: bold;
}

.CSSTableGenerator tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #fdbb30 5%, #fdbb30 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdbb30), color-stop(1, #fdbb30) );
    background: -moz-linear-gradient( center top, #fdbb30 5%, #fdbb30 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdbb30", endColorstr="#fdbb30");
    background: -o-linear-gradient(top,#fdbb30,fdbb30);
    background-color: #fdbb30;
}

.CSSTableGenerator tr:first-child td:first-child {
    border-width: 1px 0px 1px 0px;
}

.CSSTableGenerator tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}

.franja_rayas {
    background: url("../Images/franjas-gris.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    height: 12px;
    margin-bottom: 15px;
    width: 100%;
}

h1 {
    color: #FDBB30;
    font-size: 20px;
    line-height: 32px;
    margin: 10px 0;
}

/*nuevos css
------------------------------------------*/

#block-block-1 .sociales-footer ul li a {
    background: url("") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 25px;
    text-indent: -50000px;
    width: 28px;
}

    #block-block-1 .sociales-footer ul li a.twitter {
        background-position: -28px 0;
    }

    #block-block-1 .sociales-footer ul li a.youtube {
        background-position: -58px 0;
    }

    #block-block-1 .sociales-footer ul li a.print {
        background-position: -96px 0;
    }

    #block-block-1 .sociales-footer ul li a.google {
        background-position: -132px 0;
    }

    #block-block-1 .sociales-footer ul li a.foot {
        background-position: -167px 0;
    }

    #block-block-1 .sociales-footer ul li a.linkedin {
        background-position: -199px 0;
    }

#block-block-1 .sociales-footer, #block-block-1 .terminos {
    overflow: hidden;
}

footer {
    background-color: #4E4E56;
    margin-top: 0 !important;
    padding: 35px 0 15px !important;
}

.sociales-footer ul {
    margin: 0;
}

.region-footer p {
    margin-bottom: 5px;
}

.region-footer .block {
    padding-top: 10px;
}

#block-block-2 .block-content p {
    color: #FFFFFF;
    text-align: right;
}

#postcript_bottom {
    background-color: #EBEBEB;
    clear: left;
    float: left;
    padding: 50px 0;
    width: 100%;
}

.terminos-footer ul li {
    display: inline-block;
    margin-right: 2px;
    padding-left: 10px;
    position: relative;
}

    .terminos-footer ul li a {
        color: #FFFFFF;
        font-size: 12px;
    }

    .terminos-footer ul li:before {
        background: none repeat scroll 0 0 #FDBA30;
        border-radius: 20px;
        content: "";
        display: block;
        height: 5px;
        left: 0;
        position: absolute;
        top: 8px;
        width: 5px;
    }

    .terminos-footer ul li a:hover {
        text-decoration: underline;
    }

/*nuevo*/

/* === Remove input autofocus webkit === */

/*div.reg-ct input.form-input-text {
    width: 330px;
}

div.reg-ct input {
    font-size: 14px;
    font-weight: bold;
    padding: 6px;
}

div.reg-ct input, label {
    display: block;
    float: none;
    text-align: left;
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
    margin: 0;
}

.box-shadow-soft {
    box-shadow: 0 1px 1px #D3D3D3;
}

.form-input-text {
    border-color: #CECECE #C6C6C6 #A4A4A4;
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
    border-style: solid;
    border-width: 1px;
    font-family: Helvetica,Arial;
    font-size: 13px;
    padding: 5px;
    width: 250px;
}

.ui-corner-all {
    border-radius: 15px;
}

.ui-corner-all {
    border-radius: 15px;
}

* {
    outline: 0 none;
}*/

/* Estilo bocadillo comic */
/*.tooltips-gray {
    background: #444444;
    color: #FFFFFF;
    text-align: center;
    padding-top: 4px;
}

    .tooltips-gray div {
        background: url(img/tips_gray.png) left bottom no-repeat;
        padding-top: 4px;
        height: 18px;
    }*/

/*formulario de ingreso*/

/*body {
  background:#E5E5E5;
  font-size:62.5%;
  font-family:Arial, "Helvetica Neue", Verdana, Sans-serif;
}*/

/*a {text-decoration:none; color:#3e9c8f;}*/

.titles {
    margin-top: 100px;
}

h1 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 #FFF;
    font-size: 25px;
    color: #4C4C4C;
}

h4 {
    text-align: center;
    font-weight: normal;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #808080;
}

    h4 a {
        color: #3e9c8f;
    }


#main {
    padding: 35px 25px 35px 25px;
    background: #FCFCFC;
    width: 350px;
    max-width: 940px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    box-shadow: 0 2px 1px #d9d9d9;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 40px;
}

label {
    color: #666;
    font-weight: bold;
    font-size: 1.0em;
}

input[type="text"], input[type="password"], input[type="email"] {
    display: block;
    margin-bottom: 20px;
    margin-top: 8px;
    width: 230px;
    height: 23px;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    box-shadow: 0 2px 1px #F1F1F1;
    font-size: 18px;
    color: #737373;
    padding: 0 5px;
}

/*input[type="submit"]{
	border-radius:2px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.40);
	margin-top:-5px;
	padding:10px 14px;
	border:1px solid #388d81;
	background-color: #3e9c8f;
	background: -webkit-linear-gradient(#51a69a, #388d81);
	background: -moz-linear-gradient(#51a69a, #388d81);
	background: -o-linear-gradient(#51a69a, #388d81);
	background: linear-gradient(#51a69a, #388d81);
	color:#FFF;
	text-transform:uppercase;
}*/

.perder {
    font-size: 1.2em;
    margin-top: 30px;
}


/************
HOVER EFFECTS
************/

input[type="text"]:focus, input[type="password"]:focus {
    border: 1px solid #bfbfbf;
    outline: none;
}


.perder a:hover {
    text-decoration: underline;
}

input[type="submit"]:hover {
    cursor: pointer;
    background: -webkit-linear-gradient(#4c9c91, #327d73);
    background: -moz-linear-gradient(#4c9c91, #327d73);
    background: -o-linear-gradient(#4c9c91, #327d73);
    background: linear-gradient(#4c9c91, #327d73);
}

/*columnas*/

.izquierda {
    float: left;
    width:50%;
}

.derecha {
    float: right;
    width:50%;
}
/*Css para mapa*/
#donorDiv {
    float: left;
    width: 280px;
}

#mapDiv {
    float: left;
}

#mapDivLeft {
    float: left;
}

#mapDivRight {
    padding: 50px 0px 0px 30px;
    float: left;
}

#donorList {
    padding:1px 1px 1px 1px;
}    
#theMap {
    position: relative; 
    width: 500px; 
    height: 500px;
}
